<template>
	<view class="title">
		<view class="message">
			<view class="names">
				<view class="name">
					{{userInfo.realName || '暂无'}}
				</view>
				<!-- <view class="unit">
					单位管理员
				</view> -->
			</view>
			<view class="account">
				登录账号：{{userInfo.userName || '暂无' }}
			</view>
		</view>
		<view class="images">
			<image  class="avar" :src="userInfo.avatar" ></image>
			<image  class="next" src="@/static/next.png" ></image>
		</view>
	</view>
</template>

<script>
	
	export default {
		data(){
			return{
				
			}
		},
		props:['userInfo']
	}
	
</script>

<style lang="scss" scoped >
	.title{
		display: flex;
		justify-content: space-between;
		background-color: #2E5AFB;
		height: 123rpx;
		width: 700rpx;
		padding: 0rpx 50rpx 0rpx 29rpx;
		.names{
			margin-top: 25rpx;
			display: flex;
			.name{
				font-size: 33rpx;
				margin-bottom: 7rpx;
				color: #fff;
			}
			.unit{
				font-size: 29rpx;
				color: #fff;
				// background-color: yellow;
				height: 50rpx;
				width: 150rpx;
				display: flex;
				justify-content: center;
				line-height: 50rpx;
			}
		}
		.account{
			font-size: 29rpx;
				color: #fff;
		}
		.images{
			margin-top: 25rpx;
			padding-right: 20rpx;
			height: 80rpx;
			display: flex;
			.avar{
				height: 80rpx;
				width: 80rpx;
				border-radius: 50%;
			}
			.next{
				margin-top: 30rpx;
				margin-left: 13rpx;
				height: 22rpx;
				width: 11rpx;
			}
		}
	}
</style>
